<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>overlay</title>
<link rel="stylesheet" type="text/css" media="screen"
	href="/i-webmonitor/application/resources/css/redmond/jquery-ui-1.8.23.custom.css" />


<style>
div { margin-bottom:5px; }
label { display:block; width:100px; float:left; }
input { border:1px solid #000000; }
</style>

<script src="/i-webmonitor/application/resources/js/jquery-1.8.0.min.js"
	type="text/javascript"></script>
<script
	src="/i-webmonitor/application/resources/js/jquery-ui-1.8.23.custom.min.js"
	type="text/javascript"></script>

<script type="text/javascript">
$(document).ready( function(){
	$("form").submit(function() {
		$("input").each(function() {
		($(this).val().length == 0) ? $(this).animate({
			backgroundColor:"#ff9999",
			borderTopColor: "#ff0000",
			borderRightColor: "#ff0000",
			borderBottomColor: "#ff0000",
			borderLeftColor: "#ff0000"
			}) : $(this).animate({
			backgroundColor:"#ccffcc",
			borderTopColor: "#00ff00",
			borderRightColor: "#00ff00",
			borderBottomColor: "#00ff00",
			borderLeftColor: "#00ff00"
			});
			});
			});
	$("#dlg_hello").dialog( { autoOpen: false });
	$("#btn_hello").button().click(function(){ $("#dlg_hello").
	dialog("open"); });
	$('#switcher').themeswitcher();
	
});
</script>
<script type="text/javascript" src="http://jqueryui.com/
themeroller/themeswitchertool/"></script>

</head>


<body>

<div class="ui-widget">
<label>Type Something:</label>
<input type="text"/>
</div>


<div id="switcher" style="padding-bottom:10px;"></div>

<form action="#">
<div><label>Name: </label><input type="text"></div>
<div><label>Age: </label><input type="text"></div>
<div><label>Email: </label><input type="text"></div>
<button type="submit">Submit</button>
</form>

<button id="btn_hello">Say Hello</button>
<div id="dlg_hello">Hello World!</div>

</body>
</html>
